<div style="padding: 10px;">
    <nz-skeleton [hidden]='!isHidden' [nzActive]="true" [nzParagraph]="{ rows: 20 }" [nzRound]="true">
    </nz-skeleton>
    <div [hidden]='isHidden' *ngIf="article">
        <div nz-row>
            <div nz-col nzSpan="24">

                <div class="title">{{article.title}}</div>
                <div *ngIf="article.description.length > 0" class="title">{{article.description}}</div>
                <div class="origin">
                    作者：{{article.author}}
                    <span class="time">{{article.pubTime | date:'yyyy-MM-dd'}}</span>
                </div>
                <hr style="width: 80%;color: #D8D8D8;margin-top: 15px;"/>

                <div class="content" style="padding-left: 10%; padding-right: 10%;margin-top: 15px;">
                    <div [innerHTML]="article.content | safeHtml"></div>
                    <div style="height: 50px;width: 100%"></div>
                </div>
            </div>
        </div>
    </div>
</div>